<template>
    <table border="1px" cellspacing="0" cellpadding="0" width="100%">
        <tr v-for="(item, i) in data">
            <template v-for="(subItem, key) in item">
                <td>{{subItem.title}}</td>
                <td>{{subItem.value}}</td>
            </template>
        </tr>
<!--        <tr>-->
<!--            <td >电表编号</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].id"></td>-->
<!--            <td >电表名称</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].name"></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td >安装位置</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].location"></td>-->
<!--            <td >电表参数[Kwh]</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].data"></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td >每日用电[Kwh]</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].day_ele"></td>-->
<!--            <td >每月用电[Kwh]</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].month_ele"></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td >每年用电[Kwh]</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].year_ele"></td>-->
<!--            <td >通讯时间</td>-->
<!--            <td v-text="FZQS__chart_tableData[0].time"></td>-->
<!--        </tr>-->
    </table>
</template>

<script>
export default {
    name: "vue-table",
    props: ['data'],
    mounted() {
        console.log(this.data)
    },
    methods: {
        log(item) {
            console.log(item)
        }
    }
}
</script>

<style scoped>

</style>